(function () {
    const oEchart = echarts.init(document.getElementById('line01'));
    oEchart.setOption({
        title: {
            text: '折线图',
            left: 'center'
        },
        grid: { //网格设置，控制整个图形的大小位置等
            show: true, //是否显示网格边框
            top: '15%' //顶部距离
        },
        tooltip: {
            show: true
        },
        xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
            type: 'value'
        },
        series: [
            {
                data: [820, 932, 901, 934, 1290, 1330, 1320],
                type: 'line',
                name: '数量1',
                markArea: { //设置标注区间阴影
                    data: [
                        [{ xAxis: 'Mon' }, { xAxis: 'Tue' }], //指定开始和结束区间
                        [{ xAxis: 'Fri' }, { xAxis: 'Sat' }]
                    ]
                },
                smooth: true, //是否平滑拐角
                lineStyle: { //线条样式控制
                    color: 'pink',
                    type: 'dotted'
                }
            }
        ]
    })
})()